<template>
  <div class="shop-container">
    <van-nav-bar
      class="shop-nav"
      title="个人店铺列表"
      left-text="返回"
      left-arrow
      @click-left="$router.back()"
    />
    <van-tabs v-model="activeName" animated swipeable>
      <van-tab title="待提交" name="ini">
        <shop-list audit_state="ini" />
      </van-tab>
      <van-tab title="待审核" name="apply">
        <shop-list audit_state="apply" />
      </van-tab>
      <van-tab title="审核拒绝" name="refuse">
        <shop-list audit_state="refuse" />
      </van-tab>
      <van-tab title="审核通过" name="pass">
        <shop-list audit_state="pass" />
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import ShopList from './components/shop-list'
export default {
  name: 'ShopIndex',
  components: {
    ShopList
  },
  data() {
    return {
      activeName: 'a'
    }
  },
  created() {},
  mounted() {},
  methods: {}
}
</script>

<style scoped lang="less">
.shop-container {
  /deep/.shop-nav {
    background: #008bfa;
    .van-nav-bar__text,
    .van-nav-bar__title,
    .van-icon {
      color: #fff;
    }
  }
}
</style>
